<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="author" content="深圳方维网络科技有限公司  http://www.szfangwei.cn">
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit"/>

    <title>浪尖新闻</title>


    <link rel="stylesheet" href="css/jquery.fullPage.css"/>
    <link rel="stylesheet" href="css/lightbox.min.css">
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css"/>
    <link rel="stylesheet" href="css/css-reset.css">
    <link rel="stylesheet" href="css/animate.css"/>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media.css">
    <!--[if lt IE 9]><link rel="stylesheet" href="css/ie-none.css"><![endif]-->


    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/swiper-3.3.1.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.2.js"></script>
    <script src="js/lightbox.min.js"></script>
    <script src="js/basic.js"></script>



</head>
<body>







<!--PC内页顶部，和首页顶部不一样-->
<div class="inner-header"></div>


<!--手机新闻和案例顶部，与别的页面不同-->
<div class="iphone-inner-header"></div>

<!--内页banner-->
<div class="inner-banner"></div>




<div class="news">
    <div class="news-wrap clear">

        <!--左侧-->
        <div class="news-left">

            <div class="news-left-content">

                <div class="news-l-box">
                    <a href="news-detail2.html">
                        <div class="news-left-img">
                            <img src="images/nz1-1.jpg" alt="">
                        </div>
                        <div class="news-left-p">
                            <h4>ABCD：Inspired by the Passionated</h4>
                            <div class="news-lp-time">2016/03/02</div>
                            <p>ABCD，即浪尖品牌咨询与设计有限公司，成立于2014年，是浪尖集团全产业链设计创新服务D+核心板块之一，以为客户打造魅力品牌为目标，专注于品牌体验，拥有完整的执行落地系统。 </p>
                            <em class="news-lp-more">Read More</em>
                        </div>
                    </a>
                </div>

                <div class="news-l-box">
                    <a href="news-detail.html">
                        <div class="news-left-img">
                            <img src="images/nz1.jpg" alt="">
                        </div>
                        <div class="news-left-p">
                            <h4>长安汽车多部门领导莅临D+M用户体验中心参观交流</h4>
                            <div class="news-lp-time">2016/03/02</div>
                            <p>2016年3月18日下午，长安汽车工程研究总院、互联技术开发室、人机交互室等部门领导及业务骨干莅临D+M浪尖智造工场参加了“汽车创新与用户体验前沿技术交流会”。本次会议主要针对长安汽车“时尚、智能、健康”的第三代高品质汽车战略定位和用户体验需求。 </p>
                            <em class="news-lp-more">Read More</em>
                        </div>
                    </a>
                </div>


                <div class="news-l-box">
                    <a href="news-detail.html">
                        <div class="news-left-img">
                            <img src="images/nz2.jpg" alt="">
                        </div>
                        <div class="news-left-p">
                            <h4>来自ABCD的祝福</h4>
                            <div class="news-lp-time">2015/12/24</div>
                            <p>还记得前几天，小编给大家分享的ABCD圣诞贺卡的制作过程么？今天终于新鲜出炉了视频版本！ABCD总经理Gary携小伙伴们给大家送来了最真挚的圣诞祝福！</p>
                            <em class="news-lp-more">Read More</em>
                        </div>
                    </a>


                </div>
                <div class="news-l-box">
                    <a href="news-detail.html">
                        <div class="news-left-img">
                            <img src="images/nz3.jpg" alt="">
                        </div>
                        <div class="news-left-p">
                            <h4>ZLVOO品牌的分析与规划</h4>
                            <div class="news-lp-time">2015/11/15</div>
                            <p>ZIVOO："智在生活"理念是如何打造的？近几年来，智能家居市场渐渐兴起，越来越频繁的出现在消费者的视线中。许多品牌都开始找准机会进军智能家居，然而很多大品牌会因为在消费者心目中形成了固有的认知，所以在进军新的领域时，会有一定的局限性。</p>
                            <em class="news-lp-more">Read More</em>
                        </div>
                    </a>


                </div>
                <div class="news-l-box">
                    <a href="news-detail.html">
                        <div class="news-left-img">
                            <img src="images/nz4.jpg" alt="">
                        </div>
                        <div class="news-left-p">
                            <h4>“让每个人都dong起来”</h4>
                            <div class="news-lp-time">2015/10/16</div>
                            <p>dong：让每个人都dong起来！智能穿戴市场的迅速崛起，许多企业家看到了市场机会和多元化建设的品牌机遇。
                                那么，如何把握住这个市场？如何让基于这个市场建立的品牌并迅速扩展至整个行业，被消费者认知和认同？介于智能穿戴设备品牌的市场来说，切入点并不在于重点阐述智能科技产品对客户重要性，而在于洞察用户的动机......</p>
                            <em class="news-lp-more">Read More</em>
                        </div>
                    </a>


                </div>
                <div class="news-l-box">
                    <a href="news-detail.html">
                        <div class="news-left-img">
                            <img src="images/nz5.jpg" alt="">
                        </div>
                        <div class="news-left-p">
                            <h4>爱美信：如何讲好一个品牌故事？</h4>
                            <div class="news-lp-time">2015/09/08</div>
                            <p>品牌其实就是通过与消费者之间的对话，占领消费者的心智。那到底怎样才是真正有效的与消费者对话，从而占领消费者的心智呢？说到底，就是如何讲好一个品牌故事。</p>
                            <em class="news-lp-more">Read More</em>
                        </div>
                    </a>


                </div>


            </div>

            <!--页码-->
            <div class="page">
                <a class="page-prev" href="#">&nbsp;</a><a class="on" href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a class="page-next" href="#">&nbsp;</a>
            </div>

        </div>

        <!--右侧-->
        <div class="news-right">
            <div class="news-right-title">
                <h3>推荐新闻</h3>
            </div>

            <div class="nrb-content">
                <div class="nr-box">
                    <a href="#"><img src="images/nrb1.jpg" alt=""></a>
                </div>
                <div class="nr-box">
                    <a href="#"><img src="images/nrb2.jpg" alt=""></a>
                </div>
                <div class="nr-box">
                    <a href="#"><img src="images/nrb3.jpg" alt=""></a>
                </div>
                <div class="nr-box">
                    <a href="#"><img src="images/nrb4.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>

</div>



<!--内页底部-->
<div class="inner-footer">
    <div class="sec5-bot">
        <div class="sec5-bot-logo">
            <img src="images/logo-white.png" alt=""/>
        </div>

        <div class="bot-contact">
            <a href="#"><img src="images/qq2.png" alt=""/></a><a href="#"><img src="images/weixin2.png" alt=""/></a><a href="#"><img src="images/xinlang2.png" alt=""/></a>
        </div>

        <div class="bot-call">
            <p><span class="bot-call-phone" style="color: white;">0755-8354 4131 </span></p>
            <p><span class="bot-call-mail">account@artopbrand.com</span></p>
            <p><span class="bot-call-address">深圳市南山区南山大道3838号设计产业园浪尖设计大楼二楼ABCD</span></p>

        </div>

        <div class="bot-right">
            <p>© 2016 ABCD. All rights reserved.  | privacy policy | terms of use</p>
        </div>
    </div>

</div>



<script>

    $(function () {

        //让导航跳转
        $("a").attr('data-ajax',false);


        //封装鼠标悬停导航显示
        function sc_hover(){
            $('.sec1-nav-contain').hover(function () {
                $('.sec1-nav').stop().animate({top: "0"},300);
            }, function () {
                $('.sec1-nav').stop().animate({top: "-3.7rem"},300);
                $('.sec1-search-icon').show();
                $('.sec1-search-box').hide();
                $('.sec1-search-input').removeClass('on');
                $('.sec-search-menu a').removeClass('on');
            });
        }



        //滚轮控制页面滑动
        var num=0;
        var scrollFunc=function(e){
            e=e || window.event;

            num++;
            //console.log(num);

            //判断绑定、解除导航悬浮事件绑定
            var top_H=$(document).scrollTop();
            //console.log(topH);
            if( top_H>200 ){
                $('.sec1-nav-contain').on(sc_hover());
            }else{
                $('.sec1-nav-contain').off(sc_hover());
            }

            if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
                //alert("火狐浏览器");
                t2=e.detail;

                if(t2 < 0){  //下滑
                    //导航滑出
                    $('.sec1-nav').stop().animate({top: "0"},200);

                }else if(t2>0 && top_H<10 ){
                    //导航滑出
                    $('.sec1-nav').stop().animate({top: "0"},200);
                }else{
                    //导航缩回
                    $('.sec1-nav').stop().animate({top: "-3.7rem"},200);
                    $('.sec1-search-icon').show();
                    $('.sec1-search-box').hide();
                    $('.sec1-search-input').removeClass('on');
                    $('.sec-search-menu a').removeClass('on');
                }

            }else{
                //谷歌360IE等等
                t1=e.wheelDelta;

                if(t1 > 0){
                    //导航滑出
                    $('.sec1-nav').stop().animate({top: "0"},300);

                }else{
                    //导航缩回
                    $('.sec1-nav').stop().animate({top: "-3.7rem"},300);
                    $('.sec1-search-icon').show();
                    $('.sec1-search-box').hide();
                    $('.sec1-search-input').removeClass('on');
                    $('.sec-search-menu a').removeClass('on');
                }
            }

        };
        /*注册事件*/
        if(document.addEventListener){
            document.addEventListener('DOMMouseScroll',scrollFunc,false);
        }//W3C
        document.onmousewheel=scrollFunc;//IE/Opera/Chrome

    })

</script>




</body>
</html>